<template>
    <view class="container">
        <view class="industry_box">
            <view class="industry" @click="toFood">
                <view class="industry_text">食品行业</view>
                <view class="row iconfont iconyoujiantou"></view>
            </view>
            <view class="items">
                <view class="item item_active">食品经营</view>
                <view class="item_line">|</view>
                <view class="item">食品酒类</view>
                <view class="item_line">|</view>
                <view class="item">冷冻冷藏</view>
            </view>
        </view>
        <view class="industry_box">
            <view class="industry">
                <text class="industry_text">建筑行业
                    <text class="row iconfont iconyoujiantou"></text>
                </text>
            </view>
            <view class="items">
                <view class="item item_active">建筑工程</view>
                <view class="item_line">|</view>
                <view class="item">电力工程</view>
                <view class="item_line">|</view>
                <view class="item">公路工程</view>
            </view>
        </view>
        <view class="industry_box" v-if="!down">
            <view class="industry">
                <text class="industry_text">医疗行业</text>
            </view>
            <view class="items">
                <view class="item item_active">二类医疗</view>
                <view class="item_line">|</view>
                <view class="item">人力资源</view>
                <view class="item_line">|</view>
                <view class="item">劳务派遣</view>
            </view>
        </view>
        <view class="more" @click="disMore">
            <text class="more_text">更多分类</text>
            <text v-if='down' class="more_row iconfont iconxiangxiashuangjiantou"></text>
            <text v-else class="more_row iconfont iconxiangshangshuangjiantou"></text>
        </view>
        <pic />
    </view>
</template>

<script>
import pic from '../../myComponents/pic/pic.vue'
export default {
    components:{
        pic,
    },
    data() {
        return {
            down: true
        }
    },
    methods: {
        disMore(){
            this.down == true ? this.down = false : this.down = true
        },
		toFood() {
			uni.navigateTo({
				url: '../../pageTwo/agency/food/index'
			})
		}
    },
}
</script>

<style lang="scss" scoped>
    @import './index.scss';
</style>